* {
    margin: 0;
    padding: 0;
    
}


ol,
ul,
li {
    list-style: none;
}

a{
    text-decoration: none; 
    color: #222;
}
img{
    vertical-align: top;
    border: none;
    max-width: 710rem;
}

em.i {
    font-style: normal;
}


.clear {
    clear: right;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

html {
    font-size: 0.13333vw;
    font-family: '微软雅黑';
}
body{
    font-size: 24rem;
}

.global {

    width: 750rem;
    padding-top: 100rem;
}
header{
    width: 100%;
    height: 60rem;
     position: fixed;
     z-index: 1;
     padding-top: 20rem;
     background-color: #fff;
     padding-bottom: 20rem;
     top: 0;
}
header>div{
    width: 710rem; 
    margin: 0 auto; 
    display: flex;
    justify-content: space-between; 
}

header>div>.logo>img{
    width: 50rem;
height: 60rem;
}
header>div>.logo>h3{
    display:inline-block;
font-size: 48rem;
padding-left: 10rem;
line-height: 60rem;
}
header>div>.sanheng{
    width: 64rem;
    transition: all .3s ease;
}
header>div>.sanheng>img{
    width: 64rem;
    position: relative;
}
/* 头结束 */
.banner{

    height: 390rem; 
    background: url(/junxin_css/images/banner.jpg)no-repeat center;
    background-size: cover;
}
/* banner结束 */
.i_title{
    text-align: center;
    height: 72rem;
    padding:32rem 0;
    color: #edecec;
    font-size: 72rem;
    text-transform: uppercase;
    font-family: 'Impact', 'Arial';
    letter-spacing: 2rem;
   position: relative;
}
.i_title>h3{
    position: absolute;
    left: 0;
    top: 55rem;
    width: 100%;
    text-align: center;
    font-family: '微软雅黑', '黑体', 'Arial';
    color: #222;
    font-size: 30rem;
}
.i_product>.list{
    width: 710rem;
    margin: 0 auto;
    margin-bottom: 30rem;
}
.i_product>.list>ul{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.i_product>.list>ul>li{
    width: 220rem;
    margin-right: 25rem;
}
.i_product>.list>ul>li:nth-child(3n){
    margin-right: 0;
}
.i_product>.list>ul>li>a>img{
    width: 220rem;
    height: 220rem;
}
.i_product>.list>ul>li>a>p{
    text-align: center;
    font-size: 30rem;
line-height: 2;
}
/* 产品结束 */
.lizu{

    height: 280rem;
    background: url(/junxin_css/images/lizu2.png)no-repeat center;
    background-size: cover;
    margin-bottom: 30rem;
}
.lizu>h1{
    font-size: 36rem;
    color: #fff;
display: inline-block;
padding-top: 70rem;
padding-left:460rem;
line-height: 1.5;
}
/* 立足结束 */
.xinlai{
    background: url(/junxin_css/images/replyon_bg.jpg);
    padding-top: 30rem;
}

.xinlai .title{
    height: 100rem;
    background: url(/junxin_css/images/title10.png) no-repeat center/750rem content-box;
    text-align: center;
   
}
.xinlai .title div{
    display: inline-block;
    position: relative;
    padding-right: 50rem;

}
.xinlai .title div p{
    font-size: 36rem;
}
.xinlai .title div p span{
    color: #f00;
}
.xinlai .title div h3{
    font-size: 48rem;
}
.xinlai .title div::after{
    content: "?";
    position: absolute;
    right: 0;
    top:-20rem;
    font-size: 101rem;
    font-weight: bold;
    color: #f00;
}
.trust>ul{
    padding-top: 40rem;
}
.trust>ul>li:first-child{
  padding-bottom: 30rem;
   min-height: 200rem;
position: relative;
}
.trust>ul>li:first-child>img{
    width: 300rem;
    position: absolute;
    top: 0;
    right: 20rem;
}
.trust>ul>li:first-child>div{
    width: 52%;
    font-size: 30rem;
    padding-left: 20rem;
   position: relative;
}
.trust>ul>li:first-child>div>h3{
  padding-left: 90rem;
}
.trust>ul>li:first-child>div>img{
    position: absolute;
    width: 67rem;
}

.trust>ul>li:nth-child(2){
    padding-top: 95rem;
    padding-left: 350rem;
    min-height: 300rem;
position: relative;
padding-bottom: 30rem;
}
.trust>ul>li:nth-child(2)>img{
    position: absolute;
    width: 310rem;
    left: 20rem;
    top: 0rem;
}
.trust>ul>li:nth-child(2)>div{
    width: 52%;
    position: absolute;
    right: 20rem;
    top: 0;
}
.trust>ul>li:nth-child(2)>div>img{
position: absolute;
width: 67rem;
top: 0rem;
left: 10rem;
}
.trust>ul>li:nth-child(2)>div>h3{
    padding-left: 85rem;
}
.trust>ul>li:last-child{
    min-height: 300rem;
position: relative;

padding-bottom: 30rem;
}
.trust>ul>li:last-child>img{
    position: absolute;
    width: 400rem;
    right: 20rem;
    top: 30rem;
}
.trust>ul>li:last-child>div{
    width: 42%;
position: relative;

}
.trust>ul>li:last-child>div>img{
    position: absolute;
    width: 67rem;
    top: 0rem;
    left: 10rem;
}
.trust>ul>li:last-child>div>h3{
    padding-left: 83rem;
}
/* 信赖结束 */
.about{
    height: 1055rem;
    background: url(/junxin_css/images/intro_news_bg.jpg)no-repeat center;
    margin-top: 30rem;
}
.about>.i_title{
    color: #878e97;
}
.about>.i_title>h3{
    color: #fff;
}
.about > .video{
    width: 560rem;
    height: 448rem;
    background-color: #e12c27;
    margin: 0 auto;
}
.about> .video > .video_top{
    width: 560rem;
    height: 242rem;
    background-color: #fff;
    position: relative;
}
.about > .video > .video_top > video{
    position: absolute;
    width: 548rem;
    height: 436rem;
    top: 6rem;
    left: 6rem;
    background-color: #000;
    object-fit: contain;
    
}
.about>.shiming{
    width: 710rem;
    height: 200rem;
   margin: 0 auto;
}
.about>.shiming>h3{
    font-size: 30rem;
    color: #fff;
    padding-top: 70rem;
 
    line-height: 1.5;
}
.about>.shiming>p{
    padding-top: 20rem;
    font-size: 24rem;
    color: #fff;
    line-height: 2;
}
.about>.shiming>a{
    height: 65rem;
    width: 200rem;
    font-size: 24rem;
    background-color: #e12c27;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 65rem;
    border-radius: 15rem;
    margin: 0 auto;
    margin-top: 20rem;
}
.about>.shiming>.xw{
   width: 210rem;
   padding-top:25rem;
   text-align: center;
    font-size: 24rem;
    color: #fff;
    line-height: 1.5;
  margin: 0 auto;
}
/* 关于结束 */
/* 新闻 */
.i_news{
   
    background: url(/junxin_css/images/newsbj.jpg);
}
.i_news>ul{
    width: 710rem;
    margin: 0 auto;
    padding-bottom: 30rem;
}
.i_news>ul>li{
    display: flex;
    justify-content: space-between;
    font-size: 24rem;
    height: 100rem;
    line-height: 100rem;
    border-bottom: dashed 1px #888;
}
.i_news>ul>li>a{
    width: 80%;
}
.i_news>ul>li>span{
    width: 20%;
    color: #777;
}
/* 新闻结束 */
.lianxi{
 
    padding: 30rem;
    background-color: #f4f4f4;
    padding-bottom: 130rem;
  
}
.lianxi>h3{
    text-align: center;
    font-size: 30rem;
    line-height: 1.5;
}
.lianxi>p{
    text-align: center;
    font-size: 24rem;
    line-height: 1.5;
    padding-top: 20rem;
    color: #777;
}
/* 底部 */
.foot{
    width: 100%;
    background-color: #000;
   position: fixed;
   bottom: 0;
   z-index: 999;
   
}
.foot>ul{
    padding-top: 10rem;
    padding-bottom: 10rem;
    width: 710rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.foot>ul>li{
    text-align: center;
}
.foot>ul>li>a>p{
    color: #fff;
    font-size: 24rem;
    line-height: 1.5;
}
.foot>ul>li>a>i{
    color: #fff;
   font-size: 52rem;
}
/* 底部结束 */
.downList {
    position: fixed;
    left: 0;
    right: 0;
    top: 100rem;
    height: 100%;
    background-color: rgb(0, 0, 0, .68);
    text-align: center;
    font-family: 'SourceHanSansCN_Regular';
    font-size: 30rem;
    line-height: 80rem;
    padding-top: 30rem;
    pointer-events: auto;
    z-index: 100;
    display: none;
}
.downList ul li a {
    display: block;
    color: #fff;
    border-bottom: 1px dashed #fff;
}
/* 首页结束 */
/* 关于我们 */
.banner2{
    height: 390rem;

}
/*.banner2>img{*/
/*    width: 100%;*/

/*}*/
.top_title{  
    height: 55rem;
    width: 655rem;
    margin: 0 auto;
    height: 100rem;
}
.top_title>ul{
    display: flex;
    justify-content: space-around;
}
.top_title>ul>li{
    font-size: 30rem;
    font-weight: bold;
 line-height: 100rem;

}
.top_title>ul>li>a{
    display: block;
}
.top_title>ul>li>a.on{
    color: #e12c27;
}
.content{
    min-height: calc(100vh - 1000rem);
    font-size: 30rem;
    width: 710rem;
    margin: 0 auto;
    padding-bottom: 30rem;
}
/* 关于我们结束 */
/* 页码 */
.page{
    height: 80rem;
    margin-bottom: 20rem;
    display: flex;
    
    justify-content: center;
}
.page > a {
    margin: 0 10rem;
    display: inline-block;
    vertical-align: top;
    background-color: #222;
    color: #fff;
    width: 180rem;
    text-align: center;
    line-height: 70rem;
    height: 70rem;
    border-radius: 10rem;
    font-size: 30rem;
    font-family: '微软雅黑', 'SourceHanSansCN_Regular';
}
/* 详情 */
.detail{
    width: 710rem;
    margin: 0 auto;
}
.detail>.biaoti{
    font-size: 30rem;
    height: 100rem;
    line-height: 100rem;
    padding-left: 30rem;
}
.detail>.dashed{
    height: 5rem;
    border-top: 1rem dashed #ccc;
    border-bottom: 1rem dashed #ccc;
    margin-bottom: 30rem;
}
.detail>h3{
    font-size: 30rem;
    text-align: center;
    font-weight: normal;
}
.detail>.time{
    margin: 0 auto;
    width: 500rem;
    font-size: 24rem;
    color: #999;
display: flex;
justify-content: space-around;
padding: 30rem;
}
.detail>.contents{

    min-height: calc(100vh - 1240rem);
}
.detail>.flip{
    font-size: 24rem;
    color: #e12c27;
    line-height: 2;
}
/* 产品结束 */
.news{
    width: 710rem;
    margin: 0 auto;
    margin-bottom: 60rem;
    min-height: calc(100vh - 1120rem);
}
.news>ul>li{
    font-size: 28rem;
    display: flex;
    justify-content: space-between;
    line-height: 80rem;
    border-bottom: 1px dashed #ccc;
   
}
.news>ul>li>a{
    width: 76%;
}
/* news结束 */

.message>.liuyan{
    font-size: 24rem;
    line-height: 1.5;
   background-color: #f1f1f1;
   padding: 30rem;
}
.message .message_detail{
    margin:30rem 0 50rem;
}
.message .message_detail ul li::after{
    content: "";
    display: block;
    clear: both;
}
.message .message_detail ul li{
    margin-bottom: 22rem;
}
.message .message_detail ul li label{
    float: left;
    font-size: 24rem;
    line-height: 66rem;
    color: #222;
    width: 110rem;
    text-align: right;
}
.message .message_detail ul li input[type=text],
.message .message_detail ul li textarea{
    width: 578rem;
    height: 60rem;
    border: 1rem solid #979797;
    float: left;
    outline: none;
    padding: 5rem;
    border-radius: 5rem;
}
.message .message_detail ul li textarea{
    height: 124rem;
}
.message .message_detail ul li input[type=submit]{
    width: 580rem;
    height: 60rem;
    border: none;
    float: left;
    outline: none;
    padding: 5rem;
    background-color: #e00c04;
    color: #fff;
}
.swiper{
    width: 100%;
}